iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 28
0
Modern Web

淺談web系列 第 28

鐵人賽DAY28-HTML5(三)

  • 分享至 

  • xImage
  •  

一、HTML5新標籤(多媒體類)
<audio>……</audio>
在HTML5出來之前是沒有此標籤的,若覽器上要播放音檔,多半會依賴外掛來執行。此標籤提供很多的屬性,例如:autoplay、controls、loop、preload……等,以滿足使用者的想法。


▲HTML5所支援的3種音頻格式,在各瀏覽器上的支持

<video>……</video>
在HTML5出來之前是沒有此標籤的,若覽器上要播放影片,多半會依賴外掛來執行。使用此標籤時,寬度(width)及長度(height)兩大屬性,若未設置則在加載視頻時頁面可能會閃爍,當然也有其他的屬性可以設定,以滿足使用者的想法。


▲HTML5所支援的3種視頻格式,在各瀏覽器上的支持

參考資料:
1.https://www.w3schools.com/html/html5_audio.asp
2.https://www.w3schools.com/html/html5_video.asp


上一篇
鐵人賽DAY27-HTML5(二)
下一篇
鐵人賽DAY29-HTML5(四)
系列文
淺談web30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言